html,body{
  height: 100%;
}
body{
  margin: 0;
  padding: 0;
}
.container{
  height: 100%;
  display: flex;
  flex-direction: column;
}
.main{
  flex: 1;
  display: flex;
}
.main-left{
  flex: 1;
}
.main-right{
  flex: 4;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.header .logo{
  float: left;
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
  font-size: 26px;
  color: #ffffff;;
}
.page-breadcrumb .el-breadcrumb{
  float: right;
}
.fl-right{
  float: right;
}
.main-bottom{
  flex: 1;
  margin-top: 15px;
  border: 1px solid #eeeeee;
  display: flex;
  flex-direction: column;
}
.main-bottom-screen{
  background: #dfe6ec;
  padding: 5px;
}
.main-bottom-screen .el-input{
  width: auto;
}
.main-cont{
  flex: 1;
}
.main-cont .el-table{
  height: 100%;
}
.main-other{
  padding: 5px;
  background: #eeeeee;
}
.article-box-left{
  overflow: auto;
}
